
import { createApp } from 'vue'
import App from '@/App.vue'
import '@/style/reset.scss'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import pinia from '@/store'
import vueRouter from '@/router'
import UndrawUi from 'undraw-ui'
import 'undraw-ui/dist/style.css'

import * as getApis from '@/api/nodeJs/http';
import util from '@/utils/util';
import Directives from '@/directives/index.js';
import area from '@/assets/area'

import '@/assets/less/global.less';
// import Aplayer from  'aplayer'
//引入全局组件
import musicTop from '@/components/music-top/index.vue'
import musicButtom from '@/components/music-buttom/index.vue'




const app = createApp(App)

// 绑定全局属性
app.config.globalProperties['$http'] = getApis;
app.config.globalProperties['$utils'] = util;
app.config.globalProperties['$AREA'] = area;
app.config.globalProperties['$msg'] = ElMessage;

app.component("musicTop", musicTop)
app.component("musicButtom", musicButtom)

app.use(vueRouter)
app.use(ElementPlus)
app.use(pinia)
app.use(UndrawUi)
app.use(Directives)

app.mount('#app')

